<div class="container">

    <div class="row row-offcanvas row-offcanvas-right">

        <div class="col-xs-12 col-sm-9">
            <p class="pull-right visible-xs">
                <button type="button" class="btn btn-primary btn-xs" data-toggle="offcanvas">Toggle nav</button>
            </p>
            <div class="jumbotron" style="background-color: transparent;">
                <h1>为debug奋斗!</h1>
                <p>世界上最遥远的距离不是生与死，而是你亲手制造的BUG就在你眼前，你却怎么都找不到她......</p>
            </div>
            <div class="row">
                <!--展示个性签名和头像-->
                <div class="col-xs-6 col-lg-4">
                    <h2>我的地带</h2>
                    <p class="qianming">
                        <form action="/qianming" method="post">
                            <label for="qm">编辑个性签名：</label>
                            <% if(qm){ %>
                                <input type="text" value="<%= qm.qianming %>" name="qm" id="qm" autocomplete="off" style="background-color: transparent;">
                            <% }else{ %>
                                <input type="text" placeholder="您尚未签名,签名后回车即可！" name="qm" id="qm" autocomplete="off" style="background-color: transparent;">
                            <% } %>
                        </form>
                    </p>
                    <p class="imgp"><span>个性头像：</span><img src="/userFile/<%= user.name %>.jpg" onerror="this.src='/userFile/user.jpg'" alt=""></p>
                </div>
                <!--信封记忆-->
                <div class="col-xs-6 col-lg-4">
                    <h2>信封记忆</h2>
                    <p>在路上，我们生命得到了肯定，一路上，我们有失败也有成功，有泪水也有感动，有曲折也有坦途，有机遇也有梦想。一路走来，我们熟悉了陌生的世界。</p>
                    <p><a class="btn btn-default" href="/xinfeng/<%= user.name %>" role="button">心情信封 &raquo;</a></p>
                </div>
                <!--完善个人资料-->
                <div class="col-xs-6 col-lg-4">
                    <h2>完善个人资料</h2>
                    <p>完善过后，或许你又给自己换了一套别样的心情，让自己永远做第一个吃螃蟹的人吧！不畏艰险，不畏挑战，因为世界就在你脚下--如果你知道去哪，全世界都会为你让路！</p>
                    <p><a class="btn btn-default" href="/xiugai/<%= user.name %>" role="button">完善个人资料 &raquo;</a></p>
                </div>
                <!--修改密码-->
                <div class="col-xs-6 col-lg-4">
                    <h2>修改密码</h2>
                    <p>Always give specifics when you post. Changing text doesn't allow others to see if maybe you have an error with what you have in there.
                        (Feel free to change any passwords though of course. )</p>
                    <p><a class="btn btn-default" href="/mima/<%= user.name %>" role="button">修改密码 &raquo;</a></p>
                </div>
                <div class="col-xs-6 col-lg-4">
                    <h2>Heading</h2>
                    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
                    <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
                </div><!--/.col-xs-6.col-lg-4-->
                <div class="col-xs-6 col-lg-4">
                    <h2>Heading</h2>
                    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
                    <p><a class="btn btn-default" href="#" role="button">View details &raquo;</a></p>
                </div>
            </div>
        </div>

        <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar">
            <div class="list-group">
                <!--头像-->
                <% include touxiang %>
                <a href="#" class="list-group-item">关注的话题<span class="pull-right">0</span></a>
                <a href="#" class="list-group-item">关注的专栏<span class="pull-right">0</span></a>
                <a href="#" class="list-group-item">关注的问题<span class="pull-right">0</span></a>
                <a href="#" class="list-group-item">关注的收藏夹<span class="pull-right">0</span></a>
                <a href="#" class="list-group-item">发现周边</a>
                <a href="#" class="list-group-item">分享趣题</a>
                <a href="#" class="list-group-item">收藏夹</a>
                <a href="#" class="list-group-item">提问</a>
                <a href="https://www.zhihu.com/terms" class="list-group-item">知乎协议</a>
            </div>
        </div>
    </div>

    <hr>

    <footer>
        <p>&copy; Company <%= new Date().getFullYear() %></p>
    </footer>

</div>